<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /* filter()筛选数组
    filter()方法创建一个新的数组，数组中的元素则是通过检查指定数组中符合条件的所有元素
    主要使用场景：筛选数组符合条件的元素，并返回筛选之后元素的型数组
    返回值：返回 数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组
    因为返回新数组，剩余不会影响原数组
    语法：
    被遍历的数组.filter(function (当前数组元素item, 当前元素的索引号index) {
      // return 筛选条件     参数->当前数组元素必写 ->当前元素的索引号可选
    }) 
    */

    const arr = [10, 20, 30]
    // const newArr = arr.filter(function (item, index) {
    //   // console.log(item)  // 10 20 30
    //   // console.log(index)  // 0 1 2
    //   return item >= 20
    // })

    // 简化版
    const newArr = arr.filter(item => item >= 20)
    console.log(newArr)
  </script>
</body>

</html>